<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<computer>
				<div slot="CPU">Intel Core i7</div>
				<div slot="GPU">GTX980Ti</div>
				<div slot="Memory">Kingston</div>
				<div slot="Hard-drive">Samsung SSD 1T</div>
			</computer>
		</div>
		<template id="computer">
			<div>
				<slot name="CPU">这儿插CPU</slot>
				<slot name="GPU">这儿插显卡</slot>
				<slot name="Memory">这儿插内存</slot>
				<slot name="Hard-drive">这儿插硬盘</slot>
			</div>
		</template>
		<script src="../vue.min.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el:'#app',
				data:{
					
				},
				components:{
					"computer":{
						template:"#computer"
					}
				}
			});
		</script>
	</body>
</html>
